﻿
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <title>@ViewBag.Title</title>
    <script src="~/Scripts/vue.min.js"></script>
    <script src="~/Scripts/jquery-1.8.1.min.js"></script>
    <script src="~/Scripts/ElementUI/element-ui.js"></script>
    <script src="~/Scripts/js-cookie/js.cookie.js"></script>
    <script src="~/Scripts/nprogress.min.js"></script>
    <script src="~/Scripts/axios.min.js"></script>
    <link href="~/Content/nprogress.css" rel="stylesheet" />
    <link href="~/iconfont/iconfont.css" rel="stylesheet" />
    <script src="~/iconfont/iconfont.js"></script>
    <link href="~/Content/theme-white.css" rel="stylesheet" />
    <link href="~/Content/avatar.css" rel="stylesheet" />
    <script>
        $(function () {
            NProgress.start();
            $(window).load(function () {
                NProgress.done();
            })
        });
    </script>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            min-width: 1024px;
            min-height: 768px;
        }

        .All {
            width: 100%;
            height: 100%;
        }

        .mesright {
            height: 100%;
            float: right;
            /*width: 87%%;*/
        }

        .top {
            width: 100%;
            height: 6% !important;
            line-height: 50px;
            width: 100%;
            margin: 0;
            padding: 0 !important;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
        }

        .main {
            color: #333;
            padding: 0.2% !important;
            height: 93.2%;
            border-left: 1px solid rgba(0, 0, 0, 0.06)
        }

        ::-webkit-scrollbar {
            width: 0px;
            height: 5px;
            /*background-color: #F5F5F5;*/
        }
        /*定义滚动条轨道
         内阴影+圆角*/
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px #eaeaea;
            border-radius: 10px;
            background-color: #f0f0f0;
        }
        /*定义滑块
         内阴影+圆角*/
        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px #eaeaea;
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>
    <div class="All el-all-background">
        <div style="width:100%;height:95%;">
            <!--左边-->
            <div class="mesleft" style="max-width:250px;">
                @RenderPage("menu.cshtml")
            </div>
            <!--右边-->
            <div class="mesright" style="min-width:988px;">
                <!--上边-->
                <div class="top el-background">
                    @RenderPage("top.cshtml")
                </div>
                <!--内容-->
                <div class="main el-main-background">
                    @RenderBody()
                </div>
            </div>
        </div>
        <!--底部栏-->
        <div class="el-floot-background">
            @RenderPage("floot.cshtml")
        </div>
    </div>
    <script>

    </script>
</body>
</html>